<template>
	<view>
		<jiazai v-if="isshow"></jiazai>
		<block v-else class="animated fadeIn fast">
			<view class="songerinfo">
				<view class="songerinfo_synopsis">
					<text >歌手简介</text>
				</view>
				{{songerdesc.briefDesc}}
			</view>
			<view class="item"
			v-for="(item,index) in songerdesc.introduction"
			:key="index">
				<view class="item_title">
					<text v-if="item.ti" >{{item.ti}}</text>
				</view>
				<text >{{item.txt}}</text>   
			</view> 
		</block>
	</view>
</template>

<script>
	import jiazai from '../../home/jiazai/jiazai.vue';
	export default {
		components:{
			jiazai
		},
		props:{
			songerdesc:Object
		},
		data() {
			return {
				isshow:true,
			}
		},
		created() {
			setTimeout(v=>{
				this.isshow=false
			},1000)
		},
		methods: {
			
		}
	}
</script>

<style lang="less" scoped>
	.songerinfo{
		padding: 10upx;
		color: #a79ca7;
		font-size: 28upx;
		.songerinfo_synopsis{
			padding: 10upx 0 10upx 0;
			text{
				padding-left: 15upx;
				color: black;
				font-size: 32upx;
				border-left: 3upx solid red;
			}
		}
	}
	.item{
		padding: 10upx;
		color: #a79ca7;
		font-size: 28upx;
		.item_title{
			padding: 10upx 0 10upx 0;
			text{
				padding-left: 15upx;
				color: black;
				font-size: 32upx;
				border-left: 3upx solid red;
			}
		}
	}
</style>
